<script>
  export let height = "24px";
  export let width = "24px";
  export let color = "grey";
</script>

<svg
  {width}
  {height}
  viewBox="0 0 12 12"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <g clip-path="url(#clip0_4894_10573)">
    <path
      d="M5.55241 0.785156C5.84199 0.68099 6.15866 0.68099 6.45033 0.785156L10.4503 2.21432C10.9795 2.40391 11.3337 2.90599 11.3337 3.47057V8.52891C11.3337 9.0914 10.9795 9.59557 10.4482 9.78516L6.44824 11.2143C6.15866 11.3185 5.84199 11.3185 5.55032 11.2143L1.55033 9.78516C1.02116 9.59557 0.666992 9.09349 0.666992 8.52891V3.47057C0.666992 2.90807 1.02116 2.40391 1.55241 2.21432L5.55241 0.785156ZM6.00033 2.04141L2.38158 3.33307L6.00033 4.62474L9.61907 3.33307L6.00033 2.04141ZM6.66699 9.72057L10.0003 8.53099V4.61432L6.66699 5.80391V9.72057Z"
      fill={color}
    />
  </g>
  <defs>
    <clipPath id="clip0_4894_10573">
      <rect
        width="10.6667"
        height="10.6667"
        fill="white"
        transform="translate(0.666992 0.666016)"
      />
    </clipPath>
  </defs>
</svg>
